@import "../../../vars.scss";
.total {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding: 0 10%;
	color: $info-color;
	.data-item {
		.icon {
			width: 56px;
			height: 56px;
			background-image: url("@public/images/decoration/power/28.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.icon.icon-1 {
			background-image: url("@public/images/decoration/power/28.png");
		}
		.icon.icon-2 {
			background-image: url("@public/images/decoration/power/24.png");
		}
		.data-info {
			padding-left: 20px;
			.data-value {
				padding-top: 10px;
				.value {
					padding-right: 10px;
					font-family: Bahnschrift;
					font-size: 30px;
					font-weight: 400;
					color: #ffffff;
					text-align: left;
				}
				.unit {
					color: $base-text-color;
				}
			}
		}
	}
}
